{% extends 'layout.html' %}
{% load static %}


{% block css %}
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css' %}"> 
{% endblock %}

{% block content %}
<div class="container">
    <div class="panel panel-default">
    <div class="panel-heading">
      <h3 class="panel-title">新建用户</h3>
    </div>
    <div class="panel-body">
        <form method="post" novalidate>
            {% csrf_token %} 
            
            {% for field in form %}
            <div class="form-group">  
                <label>{{ field.label }}</label>
                    {{ field }}
                <span style="color: red;"> {{ field.errors.0 }}</span>       
            </div>
            {% endfor %}  

            <button type="submit" class="btn btn-primary">保 存</button>
        </form>
    </div>
  </div>
</div>

{% endblock %}

{% block js %}
      <script  src="{% static 'plugins/bootstrap-datepicker/js/bootstrap-datepicker.js' %}" > </script>
      <script  src="{% static 'plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js' %}" > </script>
      
      <script>
        $(function () {
            $('#id_create_time').datepicker({
                format: 'yyyy-mm-dd',
                // startDate: '0', //设置起始时间
                // endDate : 'XXX', //设置结束时间
                language: "zh-CN", 
                // todayBtn: true, //显示今日按钮
                autoclose: true //选中自动关闭
            });
    
        })
    </script>
    

{% endblock %}
